<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>my todo app</title>
		<link rel="stylesheet" type="text/css" href="node_modules/normalize.css/normalize.css"/>
		<link rel="stylesheet" type="text/css" href="css/base.css"/>
	</head>
	<body>
		
		
		
		<div class="container">
						
			<h1>my todo app</h1>
			
<!--			添加任务-->
			<div class="add-task">
				<input type="text" name="" id="" value="" />
				<button>提交</button>
			</div>
<!--			任务列表-->
			<div class="tasks-list">
				
				<div class="task-item">
					<span><input type="checkbox" /></span>
					<span class="task-content">
						item content 1
					</span>
					<span>delete</span>
					<span>detail</span>
				</div>
				
				<div class="task-item">
					<span><input type="checkbox" /></span>
					<span class="task-content">
						item content 1
					</span>
					<span>delete</span>
					<span>detail</span>
				</div>
				
				
				<div class="task-item">
					<span><input type="checkbox" /></span>
					<span class="task-content">
						item content 1
					</span>
					<span>delete</span>
					<span>detail</span>
				</div>
			</div>
<!--			任务描述-->
			<div class="tasks-detail">
				<div class="content">
					
				</div>
				<div>
					<div class="remark">
					
					</div>
				</div>
				
				<div class="remind">
					<input type="date" />
					<button type="submit">提交</button>
				</div>
			</div>
		</div>
		
		<script src="node_modules/jquery/dist/jquery.js"></script>
		<script src="js/base.js"></script>
	</body>
</html>
